<template>
    <div class="page flex unified-flex-align unified-flex-center">
        <div class="bind flex unified-flex-center" >

            <p class="binded-title">修改支付密码</p>

           <div >
               <el-input v-model="mobile" placeholder="请输入原支付密码" ></el-input>
           </div>
           
           <div >
               <el-input v-model="mobile" placeholder="请输入新的支付密码" ></el-input>
           </div>
           
           <div >
               <el-input v-model="mobile" placeholder="请再次输入新的支付密码" ></el-input>
           </div>
           
           <div >
               <el-button type="primary" :disabled="getCodeBtnDisabled" @click="clickCheckMobileCode">提交修改
               </el-button>
           </div>
           
           
        </div>
    </div>
</template>

<script>
</script>

<style scoped="scoped">
    
    .bind {
        width: 60%;
        height: 70%;
        flex-direction: column;
        box-sizing: border-box;
        text-align: center;
        justify-content: space-around;
    }
    .bind /deep/ .el-input{
        width: 100%;
    }
    .binded-title {
        font-size: 20px;
        font-weight: bold;
    }
</style>
